/*------------------------------------*
    #SCAFFOLDING
/*------------------------------------*

// Body reset
html
  font-size: 10px
  -webkit-tap-highlight-color: rgba(0,0,0,0)

body
  background-color: $body-bg
  font-family: $font-family-base
  font-size: $font-size-base
  line-height: $line-height-base
  color: $text-color

// Reset fonts for relevant elements
input,
button,
select,
textarea
  font-family: inherit
  font-size: inherit
  line-height: inherit

// Horizontal rules
hr
  margin-top: $line-height-computed
  margin-bottom: $line-height-computed
  border: 0
  border-top: 1px solid $hr-border

// Links
a
  color: $link-color
  +transition(color, 200ms, $animation-easing, background-color, 200ms, $animation-easing, box-shadow, 200ms, $animation-easing)
  &:hover,
  &:active,
  &:focus
    color: $link-hover-color
    text-decoration: $link-hover-decoration
    +transition(color, 200ms, $animation-easing, background-color, 200ms, $animation-easing, box-shadow, 200ms, $animation-easing)
  &:focus
    +tab-focus

// Only display content to screen readers
.sr-only
  position: absolute
  width: 1px
  height: 1px
  margin: -1px
  padding: 0
  overflow: hidden
  clip: rect(0,0,0,0)
  border: 0

.text-center
  text-align: center

.text-left
  text-align: left

.text-right
  text-align: right

.hidden
  display: none

.show
  display: block

.text-muted
  color: darken(#fff, 30%)

.overflow-hide
  overflow: hidden !important

.overflow-show
  overflow: auto !important

.list-inline
  padding: 0
  margin: 0
  & > li
    +inline-block()

.iframe-fluid
  width: 100%
  height: 100%
